<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="format-detection" content="telephone=no"/>
  <meta content="email=no" name="format-detection"/>
  <script src="../build/flexible.js"></script>
  <script src="../build/flexible_css.js"></script>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/main.css">
  <link rel="stylesheet" href="../css/icons.css">
  <link rel="stylesheet" href="../js/swiper/swiper.css">
  <link rel="stylesheet" href="../css/each/myTopic.css">
  <!--[if lt IE 8]><!-->
  <link rel="stylesheet" href="../ie7/ie7.css">
  <!--<![endif]-->
  <title>我的话题</title>
</head>
<body class="body-white">
<section class="section-nav">
  <div class="topic-content font14">
    <div class="topic-record-msg font12">
      <p class="record-item box box-between">
        <span class="issue-time">2016年10月26日 14:23</span>
        <a href="javascript:;" class="delete-btn">删除</a>
      </p>
      <p claas="record-item"><span class="issue-adress">山南家园</span></p>
    </div>
    <div class="topic-detail box box-between">
      <div class="left-headImg">
        <span class="headImg-box">
          <img src="../img/head.jpg" alt="">
        </span>
      </div>
      <div class="right-topic">
        <p class="my-name font18">左手倒影</p>
        <p class="topic-txt">长夏逝去。山野间的初秋悄然涉足长夏逝去。山野间的初秋悄然涉足长夏逝去。山野间的初秋悄然涉足长夏逝去。山野间的初秋悄然涉足长夏逝去。山野间的初秋悄然涉足</p>
        <ul class="issue-img-list box box-wrap box-left">
          <li class="topic-picture-item">
            <img src="../img/mall_2.png" alt="">
          </li>
          <li class="topic-picture-item">
            <img src="../img/mall_2.png" alt="">
          </li>
          <li class="topic-picture-item">
            <img src="../img/mall_2.png" alt="">
          </li>
          <li class="topic-picture-item">
            <img src="../img/mall_2.png" alt="">
          </li>
          <li class="topic-picture-item">
            <img src="../img/mall_2.png" alt="">
          </li>
          <li class="topic-picture-item">
            <img src="../img/mall_2.png" alt="">
          </li>
          <li class="topic-picture-item">
            <img src="../img/mall_2.png" alt="">
          </li>
          <li class="topic-picture-item">
            <img src="../img/mall_2.png" alt="">
          </li>
          <li class="topic-picture-item">
            <img src="../img/mall_2.png" alt="">
          </li>
        </ul>
      </div>
    </div>
    <div class="praise-list box box-between box-center">
      <ul class="praise-headImg-list box box-left box-wrap">
        <li class="praise-headImg-item"><img src="../img/head.jpg" alt=""></li>
        <li class="praise-headImg-item"><img src="../img/head.jpg" alt=""></li>
        <li class="praise-headImg-item"><img src="../img/head.jpg" alt=""></li>
        <li class="praise-headImg-item"><img src="../img/head.jpg" alt=""></li>
        <li class="praise-headImg-item"><img src="../img/head.jpg" alt=""></li>
        <li class="praise-headImg-item"><img src="../img/head.jpg" alt=""></li>
        <li class="praise-headImg-item"><img src="../img/head.jpg" alt=""></li>
        <li class="praise-headImg-item"><img src="../img/head.jpg" alt=""></li>
        <li class="praise-headImg-item"><img src="../img/head.jpg" alt=""></li>
        <li class="praise-headImg-item"><img src="../img/head.jpg" alt=""></li>
      </ul>
      <a href="javascript:;" class="praiseLink"><i class="icon-praise"></i></a>
    </div>
    <div class="comment-content">
      <ul class="comment-list">
        <li class="box box-between comment-item">
          <span class="headImg-box">
            <img src="../img/testHead.png" alt="">
          </span>
          <div class="comment-msg">
            <p class="comment-txt font14"><a href="javascript:;" class="comment-name">小五</a>：
              <span class="commentTxt">有一种思念叫望穿秋水，有一种寒冷叫忘穿秋裤 有一种思念叫望穿秋水，有一种寒冷叫忘穿秋裤</span>
            </p>
            <p class="comment-time">10月26日 16:20</p>
          </div>
        </li>
        <li class="box box-between comment-item">
          <span class="headImg-box">
            <img src="../img/testHead.png" alt="">
          </span>
          <div class="comment-msg">
            <p class="comment-txt font14">
              <a href="javascript:;" class="comment-name comment-from-name">小五</a>&nbsp;回复
              <a href="javascript:;" class="comment-name comment-to-name">小明</a>：
              <span class="commentTxt">你很搞笑哦！！</span>
            </p>
            <p class="comment-time">10月26日 16:20</p>
          </div>
        </li>
        <li class="box box-between comment-item">
          <span class="headImg-box">
            <img src="../img/testHead.png" alt="">
          </span>
          <div class="comment-msg">
            <p class="comment-txt font14"><a href="javascript:;" class="comment-name">小五</a>：
              <span class="commentTxt">有一种思念叫望穿秋水，有一种寒冷叫忘穿秋裤 有一种思念叫望穿秋水，有一种寒冷叫忘穿秋裤</span>
            </p>
            <p class="comment-time">10月26日 16:20</p>
          </div>
        </li>
      </ul>
    </div>
  </div>
</section>
<!--点击查看大图-->
<div class="big-pic-show">
  <div class="swiper-container swiper-big-pic">
    <div class="swiper-wrapper">
    </div>
    <div class="swiper-pagination font16"></div>
  </div>
</div>
<!--评论框-->
<div class="comment-box box box-center box-between font14">
  <div class="comment-div">
    <input type="text" class="comment-input" name="commentTxt">
  </div>
  <div class="send-btn">
    <a href="javascript:;" class="comment-btn">发送</a>
  </div>
</div>
<script src="../js/jquery.js"></script>
<script src="../js/swiper/swiper.js"></script>
<script src="../js/alert/alert.js"></script>
<script src="../js/each/myTopic.js"></script>
<script src="../js/picturelive/picturelive.js"></script>
</body>
</html>